<style>
body,html{
   padding:0;
   margin:0;
}
body{
   padding: 0 50px; 
   padding-top:50px;
}

.noselect{
   -moz-user-select:none;
   -webkit-user-select:none;
   -o-user-select:none;
}
div.jbmnplsTable{
   min-height:50px;
   border-radius:10px;
   width:100%;
   border: 2px solid black;
   background: #333333;
   box-shadow:0 0 7px black;
   empty-cells:show;
}
div.jbmnplsTable *{
   font-family:Verdana, Arial;
   font-size:12px;
   text-decoration:none;
   color:white;
}
div.jbmnplsTable div.jbmnplsTableHeader, div.jbmnplsTable div.jbmnplsTableFooter{
   padding: 0 25px;
   width:auto;
   height:25px;
}
div.jbmnplsTable div.jbmnplsTableName{
   font-family:Verdana, Arial;
   font-size:14px;
   color:white;
   font-weight:bold;
   vertical-align:middle;
   padding-top:2px;
   display:block;
   float:left;
}
div.jbmnplsTable table td *, div.jbmnplsTable table td{
   color:#555555;
   vertical-align:middle;
}
div.jbmnplsTable table td{
   padding:0 10px;
   border-bottom:1px #929292 solid;
}
div.jbmnplsTable table tr[row='header']{
   background-color: #7f7f7f;
   height:20px;
}
div.jbmnplsTable table tr{
   background-color: white;
   height:40px;
}
div.jbmnplsTable table tr:not([row='header']):hover{
   background-color: skyblue;
}
div.jbmnplsTable table tr th{
   color:white;
   font-size:13px;
   font-weight:normal;
   border-bottom:2px solid black;
   height:20px;
   text-align:left;
   padding:3px 10px;
   text-shadow:0 0 0px transparent, 0 0 10px black;
}
div.jbmnplsTable table td a.delete{
   background:url('');
   height:22px;
   width:22px;
   display:block;
}
div.jbmnplsTable div.jbmnplsTableControls{
   float:right;
   padding-top:4px;
}
div.jbmnplsTable div.jbmnplsTableControls *{
   color:#cccccc;
}
div.jbmnplsTable div.jbmnplsTableControls a:hover{
   color:white;
}
</style>
<div class='jbmnplsTable'>
   <div class='jbmnplsTableHeader noselect'>
      <div class='jbmnplsTableName'>All Applications</div>
      <div class='jbmnplsTableControls'>
         <span class='pages'>First 1 of 4 Last</span>
         <a class='options' href='#'>Customize</a> |
         <a class='options' href='#'>Export</a>
      </div>
   </div>
   <table cellspacing=0 cellpadding=0 width='100%' height='auto'>
      <tr row='header' class='noselect'>
         <th>Job Title</th>
         <th>Employer</th>
         <th>Unit</th>
         <th>Term</th>
         <th>Job Status</th>
         <th>App. Status</th>
         <th>View/Edit Package</th>
         <th>Apply Deadline</th>
         <th># of Apps</th>
         <th>Delete</th>
      </tr>
      <tr row='0'>
         <td>Intern</td>
         <td>Microsoft</td>
         <td></td>
         <td>Fall 2011</td>
         <td>Unfilled</td>
         <td>Not Selected</td>
         <td>View | Edit</td>
         <td>19-JAN-2011</td>
         <td>100</td>
         <td><a href='#' class='delete noselect'></a></td>
      </tr>
      <tr row='1'>
         <td>Intern</td>
         <td>Microsoft</td>
         <td></td>
         <td>Fall 2011</td>
         <td>Unfilled</td>
         <td>Not Selected</td>
         <td>View | Edit</td>
         <td>19-JAN-2011</td>
         <td>100</td>
         <td><a href='#' class='delete noselect'></a></td>
      </tr>
   </table>
   <div class='jbmnplsTableFooter noselect'>
      <div class='jbmnplsTableControls'>
         <a class='options' href='#'>Customize</a> |
         <a class='options' href='#'>Export</a>
      </div>
   </div>
</div>

